<template>
	<view class="content" :class="vipInfo ? 'vip' : 'no-vip'">
		<Model :bol="flag" @handleFlag="handleFlag"></Model>
		<view class="header_box">
			<view class="header">
				<view class="head_left">
					<image :src="userInfo.avatarJson" mode="" @click="clickImg()" v-if="userInfo"></image>
					<view class="identity" v-if="vipInfo">
						{{identityMap[userInfo.identity]}}
					</view>
				</view>
				<view class="head_center">
					<view class="userName">
						<view :style="userStyle" v-if="!vipInfo">{{userName}}</view>
						<view :style="userStyle" v-if="vipInfo">{{vipInfo.vipNo}}</view>
					</view>
					<view class="nurse">
						<view class="" v-if="userInfo">
							<!-- <view class="" style="line-height: 44rpx;">{{userInfo.position}}</view> -->
							<block v-if="vipInfo">
								<view class="vip-sign">
									<image class="vip-icon"
										src="http://loto.oss-cn-shanghai.aliyuncs.com/email/602a06ed46f54658.png"
										mode="widthFix" />
									<view class="vip-title">
										小鹿会员
									</view>
								</view>
							</block>
							<block v-else>
								<view class="" v-if="userInfo.attestStatus!=2 && userInfo.identity !=5">
									<image src="../../../static/icon/mine/noCheck.png" mode=""></image>
								</view>
								<view class="" v-else>
									{{identityMap[userInfo.identity]}}
								</view>
							</block>
						</view>
						<view @click="goLogin" v-else class="" style="width: 300rpx;height: 100rpx">
							<view class="go_login ">
								点击登录/注册
							</view>
						</view>

					</view>
				</view>
				<!-- <view class="head_right" @click="edit" v-if="userInfo">
					个人资料
					<image src="../../../static/img/mine/arrow.png" alt="" />
				</view> -->
			</view>
		</view>
		<!-- 列表 -->
		<vipCard v-if="userInfo.identity == 1" :vipInfo="vipInfo"/>
		<view class="list_box list_header" v-if="userInfo.identity ==5">
			<view class="list " v-for="(item,index) in workHeader" @click="moveTo5(item,index)">
				<view class="left_header">
					<view class="img">
						<image :src="item.src" mode="" style="width: 68rpx;height: 68rpx;"></image>
					</view>
					<view class="text_wrap flex flex-column align-center">
						<text>{{item.type}}</text>
					</view>
				</view>
			</view>
		</view>
		<view class="list_box list_header" v-else-if="!userInfo.attestStatus">
			<view class="list " v-for="(item,index) in listHeader" @click="moveTo2(item,index)">
				<view class="left_header" :class="{first: index==0}">
					<view class="img">
						<image :src="item.src" mode="" style="width: 68rpx;height: 68rpx;"></image>
					</view>
					<view class="text_wrap flex flex-column align-center">
						<text>{{item.type}}</text>
						<text class="tip">
							<span v-if="index==1" class="{gray: userInfo.attestStatus!=2}">未认证</span>
							{{item.tip}}</text>
					</view>
				</view>
			</view>

		</view>

		<view class="list_box list_header" v-else-if="userInfo.attestStatus==1 || userInfo.attestStatus==3">
			<view class="list " v-for="(item,index) in listHeader2" @click="moveTo4(item,index)">
				<view class="left_header" :class="{first: index==0}">
					<view class="img">
						<image :src="item.src" mode="" style="width: 68rpx;height: 68rpx;"></image>
					</view>
					<view class="text_wrap flex flex-column align-center">
						<text>{{item.type}}</text>
						<text class="tip">
							<!-- <span v-if="index==0">{{actInvite}}</span> -->
							<span v-if="index==1" class="{gray: userInfo.attestStatus!=2}">未认证</span>
							{{item.tip}}</text>
					</view>
					<!-- <image class="actImg" v-if="index==0" src="../../../static/img/mine/img12.png" mode=""
						style="width: 64rpx;height: 30rpx;"></image> -->
				</view>
			</view>
		</view>
		<view class="list_box list_header" v-else>
			<view class="list " v-for="(item,index) in listHeader1" @click="moveTo3(item,index)">
				<view class="left_header" :class="{first: index==0}">
					<view class="img">
						<image :src="item.src" mode="" style="width: 68rpx;height: 68rpx;"></image>
					</view>
					<view class="text_wrap flex flex-column align-center">
						<text>{{item.type}}</text>
						<text class="tip">
							<!-- <span v-if="index==0">{{actInvite}}</span> -->
							<span v-if="index==1">已认证</span>
							{{item.tip}}
						</text>
					</view>
					<!-- <image class="actImg" v-if="index==0" src="../../../static/img/mine/img12.png" mode=""
						style="width: 64rpx;height: 30rpx;"></image> -->
				</view>
			</view>
		</view>
		<view class="list-card">
			<view class="card-title">
				账号相关
			</view>
			<view class="list_box">
				<block v-for="(item,index) in list">
					<view class="list" v-if="item.ide != 5 || userInfo.identity == 5" @click="moveTo(item)">
						<view class="left">
							<view class="iconfont" v-if="item.src">
								<image :class="[{'news':!newMsg && item.type == '消息通知'}]" :src="item.src" mode=""
									style="width: 48rpx;height: 48rpx;"></image>
							</view>
							<view :class="item.icon" class="iconfont" v-else></view>
							<text>{{item.type}}</text>
						</view>
					</view>
				</block>
			</view>


		</view>
		<view class="list-card">
			<view class="card-title">
				专业知识 
			</view>
			<view class="list_box">
				<block v-for="(item,index) in knowledge">
					<view class="list" v-if="item.ide != 5 || userInfo.identity == 5" @click="moveTo(item)">
						<view class="left">
							<view class="iconfont" v-if="item.src">
								<image :class="[{'news':!newMsg && item.type == '消息通知'}]" :src="item.src" mode=""
									style="width: 48rpx;height: 48rpx;"></image>
							</view>
							<view :class="item.icon" class="iconfont" v-else></view>
							<text>{{item.type}}</text>
						</view>
					</view>
				</block>
			</view>


		</view>

		<!-- {{loginRes}} -->
		<!-- 联系客服 -->
		<uni-popup ref="popup" type="bottom" :mask="true" :mask-click="false">
			<view class="marks column">
				<view class="cancel" @click="closePopup">×</view>
				<view class="time" style="margin-bottom: 20rpx;">工作时间：8：00-22：00</view>
				<view class="cont" @click="call()">在线客服</view>
				<view class="cont" @click="onlineCall(0)">App客服</view>
				<block v-if="userInfo.mobile=='18888888888' || userInfo.mobile=='16666666666'">
					<view class="cont" @click="onlineCall(1)">客服</view>
				</block>
				<view class="cont" @click="openMessage()">电话咨询</view>

				<!-- <button class="button" type="default" @click="closePopup">取消</button> -->
			</view>

		</uni-popup>
		<uni-confirm :show="confirmShow" title="请登录后查看详情" @cancel="bindBtn('cancel')" @confirm="bindBtn('confirm')">
		</uni-confirm>
		<uni-popup ref="message" type="center">
			<view class="permission-bc" style="width: 540rpx;height:676rpx">
				<view style="height: 73%;"></view>
				<view @click="moble" class="d-center" style="height: 78rpx;color: #fff;font-size: 32rpx;">马上开启</view>
				<view @click="closeMessage" class="d-center" style="height: 78rpx;font-size: 28rpx;color: #999999;">以后再说
				</view>
			</view>
		</uni-popup>

	</view>
</template>


<script>
	import uniPopup from '@/components/uni-ui/uni-popup/uni-popup.vue'
	import vipCard from '@/components/vip-card.vue'
	import {
		myMessage,
		selectNurseDetai,
		getNewVersion,
		selectNurseVipByNurseId
	} from '@/apis/nurse/index.js'
	import {
		getLoginInfo
	} from '@/apis/login/index.js'
	import {
		requestAndroid
	} from '@/common/js/location.js'
	import permision from '@/common/js/permission.js'
	import uniConfirm from '@/components/uni-ui/uni-confirm/uni-confirm.vue'
	import {
		getLocation
	} from '../../../common/js/location.js'
	import {
		selectInviteDetail
	} from '@/apis/invite/index.js'
	import {
		selectMessageList
	} from '@/apis/message/index.js'
	export default {
		components: {
			uniPopup,
			uniConfirm,
			vipCard
			// Model
		},
		data() {
			return {
				// loginRes: '',
				newMsg: 1,
				identityMap: {
					1: '护士',
					2: '护工',
					3: '理疗师',
					4: '康复师'
				},
				loc: -1,
				actInvite: 0,
				flag: false,
				confirmShow: false,
				token: '',
				userInfo: '',
				listHeader: [{
						src: 'http://loto.oss-cn-shanghai.aliyuncs.com/email/f78d6eaf3ca44267.jpg',
						type: '个人资料',
						url: '../../mine/own-info/own-info',
						tip: '',
					},
					{
						src: '../../../static/img/mine/img14.png',
						type: '职业资格认证',
						url: '../../iden/iden/iden',
						tip: '',
					},
				],
				workHeader: [{
						src: 'http://loto.oss-cn-shanghai.aliyuncs.com/email/f78d6eaf3ca44267.jpg',
						type: '身份信息上传',
						url: '../../iden/work-iden/index',
						tip: '',
					},
					// {
					// 	src: '../../../static/img/mine/img14.png',
					// 	type: '职业资格认证',
					// 	url: '../../iden/iden/iden',
					// 	tip: '',
					// },
				],
				listHeader2: [
					// {
					// 	src: '../../../static/img/mine/img13.png',
					// 	type: '邀请好友',
					// 	url: '/pages/act/index',
					// 	tip: '人',
					// },
					{
						src: 'http://loto.oss-cn-shanghai.aliyuncs.com/email/f78d6eaf3ca44267.jpg',
						type: '个人资料',
						url: '../../mine/own-info/own-info',
						tip: '',
					},
					{
						src: '../../../static/img/mine/img14.png',
						type: '职业资格认证',
						url: '../../iden/iden/professionOk',
						tip: '',
					},
				],
				listHeader1: [
					// {
					// 	src: '../../../static/img/mine/img13.png',
					// 	type: '邀请好友',
					// 	url: '/pages/act/index',
					// 	tip: '人',
					// },
					{
						src: 'http://loto.oss-cn-shanghai.aliyuncs.com/email/f78d6eaf3ca44267.jpg',
						type: '个人资料',
						url: '../../mine/own-info/own-info',
						tip: '',
					},
					{
						src: '../../../static/img/mine/img14.png',
						type: '职业资格认证',
						url: '../../iden/iden/professionOk',
						tip: '',
					},
				],
				knowledge:  [
				
					{
						src: 'http://loto.oss-cn-shanghai.aliyuncs.com/email/329f0831e6564a83.png',
						type: '培训视频',
						url: '/pages/knowledge/training/training',
						// ide: '5'
					},
					
					{
						src: 'http://loto.oss-cn-shanghai.aliyuncs.com/email/504c36238e35416c.jpg',
						type: '会员说明',
						url: '/pages/purchase/vip-desc',
						// ide: '5'
					},
				],
				
				list: [{
						src: '../../../static/img/mine/img20.png',
						type: '核对订单',
						url: '../../line-order/line-order/line-order',
					},
					// {
					// 	src: '../../../static/img/mine/22.png',
					// 	type: '服务分享',
					// 	url: '../../share/share/index',
					// },
					{
						src: '../../../static/img/mine/img17.png',
						type: '护理报告',
						url: '../../report/report/report',
					},
					{
						src: '../../../static/img/mine/img16.png',
						type: '消息通知',
						url: '../../news/news/news',
					},
					{
						src: '../../../static/img/mine/img15.png',
						type: '联系客服',
						moble: '400-880-9120',
					},
					{
						src: '../../../static/img/mine/img19.png',
						type: '账号安全',
						url: '../../mine/safe/safe',
					},
					{
						src: '../../../static/img/mine/img18.png',
						type: '问题反馈',
						url: '../../mine/trouble-back/trouble-back',
					},
					{
						src: '../../../static/img/mine/img21.png',
						type: '资料上传',
						url: '../../report/work-report/index',
						ide: '5'
					},
					{
						src: '../../../static/img/mine/img22.png',
						type: '资料查看',
						url: '../../report/work-report/list',
						ide: '5'
					},
					{
						src: 'http://loto.oss-cn-shanghai.aliyuncs.com/email/eafc51e7db7f42de.jpg',
						type: '服务协议',
						url: '../../read/nursing-standards/nursing-standards',
					},
					// {
					// 	src: 'http://loto.oss-cn-shanghai.aliyuncs.com/email/504c36238e35416c.jpg',
					// 	type: '地图',
					// 	url: '/pagesC/pages/map/map',
					// 	// ide: '5'
					// },
					// {
					// 	src: 'http://loto.oss-cn-shanghai.aliyuncs.com/email/e9295dc5c4774a5a.png',
					// 	type: '会员',
					// 	url: '../../purchase/purchase',
					// },
				],
				vipInfo: null,
			}
		},
		onLoad() {
			this.getMision()
		},
		onShow() {

			this.getMision()
			this.token = this.$store.state.token
			if (this.$store.state.token) {
				// 这里有问题，实名有问题，下次记得改
				this.getAtte()
				this.getAct()
				this.userInfo = uni.getStorageSync('userInfo')
				this.orderMsg()
				this.selectNurseVipByNurseId()
			}
		},
		//下拉刷新
		onPullDownRefresh() {
			if (this.$store.state.userInfo.id) {
				this.getAtte()
			}
			this.userInfo = this.$store.state.userInfo

			setTimeout(function() {
				uni.stopPullDownRefresh()
			}, 1000)
		},
		computed: {
			phoneNum() {
				var list = this.list
				for (var i in this.list) {
					if (list[i].moble) {
						return list[i].moble
					}
				}
			},
			userName() {
				if (this.userInfo) {
					if (this.userInfo.nick) {
						return this.userInfo.nick
					} else {
						return this.userInfo.mobile
					}
				} else {
					return '未登录'
				}
			},
			userStyle() {
				if (this.userInfo) {
					return `font-family: PingFangSC-Medium, PingFang SC;`
				} else {
					return `font-family: PingFangSC-Medium, PingFang SC;`
				}
			},
		},

		methods: {
			selectNurseVipByNurseId() {
				let obj = {
					nurseId: this.$store.state.userInfo.id
				}
				selectNurseVipByNurseId(obj).then(res=>{
					console.log("会员信息",res)
					this.vipInfo = res.object
				})
			},
			async orderMsg() {
				this.systemMsg()
				// let res =await selectMessageList({messageType:0,nurseId:this.$store.state.userInfo.id})
				// if(res.success){
				// 	if(res.data==0){
				// 		this.newMsg = 0
				// 	}else{
				// 		this.systemMsg()
				// 	}
				// }
				console.log(res, '订单消息')
			},
			async systemMsg() {
				let res = await selectMessageList({
					messageType: 1,
					nurseId: this.$store.state.userInfo.id
				})
				if (res.success) {
					if (res.data == 0) {
						this.newMsg = 0
					} else {
						this.newMsg = 1
					}
				}
				console.log('系统消息----------', res)
			},
			onlineCall(value) {
				if (value == 0) {
					// 护士聊天入口
					uni.navigateTo({
						url: '/pages/customerService/nurse-index'
					})
				} else {
					// 客服收到的聊天列表，包括护士和用户发的所有消息
					uni.navigateTo({
						url: '/pages/customerService/message-list'
					})
				}
			},
			openMessage() {
				let that = this
				this.getMision()
				if (this.loc == -1) {
					that.$refs.message.open()
				} else {
					that.moble()
				}
			},
			closeMessage() {
				this.$refs.message.close()
			},
			async getMision() {
				if (uni.getSystemInfoSync().platform == 'android') {
					// 安卓权限查询
					this.loc = await permision.checkAndroidSelfPermission(
						'android.permission.CALL_PHONE'
					)
					console.log('anzhuo', this.loc)
				}
			},
			handleFlag(value) {
				this.flag = !!value
			},
			//confirm 确定取消
			async bindBtn(type) {
				console.log(type)
				if (type == 'confirm') {
					let res = await this.$store.dispatch('preLogin')
					if (res) {
						uni.navigateTo({
							url: '../../login-register/one-key-login/one-key-login',
						})
					} else {
						uni.navigateTo({
							url: '../../login-register/login/login',
						})
					}
				}
				this.confirmShow = false
			},
			//护士基本信息
			async goLogin() {
				// 预登录
				let res = await this.$store.dispatch('preLogin')
				// let res = true
				// uni.preLogin({
				// 	provider: 'univerify',
				// 	success: (res) => {
				// 		this.loginRes = '成功' + JSON.stringify(res)
				// 		res = true
				// 	},
				// 	fail: (err) => {
				// 		this.loginRes = '失败' + JSON.stringify(err)
				// 		res = false
				// 	}
				// })
				// console.log(res, '111....................')
				if (res) {
					// console.log('成功-------', res);
					uni.navigateTo({
						url: '../../login-register/one-key-login/one-key-login',
					})
				} else {
					// console.log('失败-------', res);
					uni.navigateTo({
						url: '../../login-register/login/login',
					})
				}
			},
			//客服
			call() {
				uni.navigateTo({
					url: '/pages/mine/kefu/index',
				})
			},
			moble() {
				// this.$store.dispatch('call')
				if (this.loc == -1) {
					this.closeMessage()
				}
				requestAndroid('android.permission.CALL_PHONE', '通话权限')
				uni.makePhoneCall({
					phoneNumber: '4008809120',
					fail() {},
				})
			},
			applyRefund() {
				this.$refs.popup.open()
			},
			closePopup() {
				uni.showTabBar()
				this.$refs.popup.close()
			},
			edit() {
				uni.navigateTo({
					url: '../../mine/own-info/own-info',
				})
				console.log('edit')
			},
			moveTo5(item, index) {
				let url = item.url
				uni.navigateTo({
					url: url,
				})
			},
			moveTo4(item, index) {
				console.log("moveTo4", this.userInfo.identity)
				let _this = this
				if (index == 0) {
					if (!this.$store.state.nameStatus) {
						uni.showToast({
							title: '请先完成实名认证',
							icon: 'none',
						})
						return
					}
					// 未职业资格认证
					if (this.$store.state.attestStatus) {
						uni.showToast({
							title: '请先完成职业资格认证',
							icon: 'none',
						})
						return
					}
				}
				let url = item.url
				if ([1, 2, 3, 4, 6].includes(this.userInfo.identity)) {
					uni.navigateTo({
						url: url + `?type=${this.userInfo.identity-1 }`,
					})
				} else {
					uni.navigateTo({
						url: url,
					})
				}
			},
			moveTo3(item, index) {
				console.log(item.url)
				let _this = this
				if (!this.$store.state.userInfo.id) {
					console.log('111')
					this.confirmShow = true
					return
				}
				if (index == 0) {
					if (!this.$store.state.nameStatus) {
						uni.showToast({
							title: '请先完成实名认证',
							icon: 'none',
						})
						return
					}
					// 未职业资格认证
					if (!this.$store.state.attestStatus) {
						uni.showToast({
							title: '请先完成职业资格认证',
							icon: 'none',
						})
						return
					}
				}
				let url = item.url
				uni.navigateTo({
					url: url,
				})
			},
			moveTo2(item, index) {
				let _this = this
				if (!this.$store.state.userInfo.id) {
					console.log('111')
					this.confirmShow = true
					return
				}
				if (index == 0) {
					if (!this.$store.state.nameStatus) {
						uni.showToast({
							title: '请先完成实名认证',
							icon: 'none',
						})
						return
					}
					// 未职业资格认证
					if (!this.$store.state.attestStatus) {
						uni.showToast({
							title: '请先完成职业资格认证',
							icon: 'none',
						})
						return
					}
				}

				let url = item.url
				console.log("this.userInfo.nameStatus", this.userInfo.nameStatus)
				if (this.userInfo.nameStatus === 2) {
					uni.navigateTo({
						url: '../../iden/iden/careerChoice',
					})
				} else {
					uni.navigateTo({
						url: url,
					})
				}
				// if (this.userInfo.identity == null) {
				// 	uni.navigateTo({
				// 		url: '../../iden/iden/careerChoice'
				// 	})
				// }
				// console.log(item.type, url)
			},
			moveTo(item) {
				let _this = this
				if (!this.$store.state.userInfo.id) {
					console.log('111')
					this.confirmShow = true
					return
				}
				let url = item.url
				if (item.type === '职业资格证') {
					//有位置没认证的时候直接跳转
					// this.$store.state.address
					if (true) {
						uni.navigateTo({
							url: url,
						})
					} else {
						// if(true){
						// if(this.$store.state.userInfo.attestStatus==0){
						//没有位置 没有进行过认证获取地理位置
						// getLocation(true)
						this.handleFlag(true)
						return

						// }else{
						// 	//没有位置 认证过的 直接跳转
						// 	uni.navigateTo({
						// 		url:url
						// 	})
						// }
					}
				} else if (item.type === '联系客服') {
					console.log('moble')
					uni.hideTabBar()
					this.$refs.popup.open()
				} else if (item.type === '资料上传') {
					if (!this.$store.state.attestStatus) {
						// #ifdef APP-PLUS
						plus.nativeUI.toast('请先上传身份信息')
						// #endif
						return
					}
					uni.navigateTo({
						url: url,
					})
				} else {
					uni.navigateTo({
						url: url,
						fail(err) {
							console.log("err",err)
						}
					})
					// console.log(item.type, url)
				}
			},
			//头像预览
			clickImg(index) {
				let _this = this
				uni.previewImage({
					urls: [_this.userInfo.avatarJson],
					success: function(res) {},
					fail: function(res) {},
					complete: function(res) {
						console.log(res)
					},
				})
			},
			//用户实名 和 认证状态
			async getAtte() {
				// if(!this.$store.state.attestStatus){
				let nurseId = this.$store.state.userInfo.id
				console.log(nurseId);
				let res = await getLoginInfo({
					nurseId
				})
				console.log(nurseId);
				if (res.success) {
					console.log("状态=======", res)
					this.$store.commit('setUserInfo', res.object)
					this.userInfo = res.object
					let attestStatus = res.object.attestStatus == 2 ? true : false
					this.$store.commit('setAttestStatus', attestStatus)
					this.$store.commit('setUserInfo', res.object)
					this.$store.commit('disableToLogin', res.object.status)
				}
				// }else{
				// 	this.userInfo = this.$store.state.userInfo
				// 	}
			},
			getAct() {
				let info = this.$store.state.userInfo
				let {
					id
				} = info
				selectInviteDetail({
					inviteId: id,
				}).then((r) => {
					if (r.success) {
						this.actInvite = r.object.personCount
					}
				})
			},
		},
	}
</script>

<style scoped lang="scss">
	.permission-bc {
		background-image: url('http://loto.oss-cn-shanghai.aliyuncs.com/email/8125ac62f7ad4ad2.png');
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.content {
		width: 100%;
		height: 100vh;
		// background: url(../../../static/img/mine/bg.png) #fafafb no-repeat;
		background-size: 100% 636rpx;
		padding-top: 80rpx;
	}

	.no-vip {
		background: url(../../../static/img/mine/bg.png) #fafafb no-repeat;
		background-size: 100% 636rpx;
	}

	.vip {
		background: linear-gradient(180deg, #19202A 0%, #47596D 100%) #fafafb no-repeat;
		background-size: 100% 636rpx;
	}

	.vip-sign {
		display: flex;
		align-items: center;

		.vip-icon {
			width: 44rpx !important;
			height: 44rpx;
		}

		.vip-title {
			font-size: 28rpx;
		}
	}

	.nav {
		width: 750rpx;
		height: 88rpx;
		// background: rgba(237, 237, 237, 0.9);
		filter: blur(20rpx);
	}

	.header_box {
		// width: 698rpx;
		height: 200rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
	}

	.header {
		width: 100%;
		padding-left: 46rpx;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		position: relative;

		.head_left {
			width: 118rpx;
			height: 118rpx;
			border-radius: 50%;
			margin-right: 40rpx;
			background: url('../../../static/img/mine/header.png');
			background-size: 100%;

			image {
				width: 118rpx;
				height: 118rpx;
				border-radius: 50%;
			}

			.identity {
				position: absolute;
				bottom: -10rpx;
				left: 58rpx;
				width: 98rpx;
				height: 36rpx;
				display: flex;
				font-size: 28rpx;
				align-items: center;
				justify-content: center;
				border-radius: 40rpx;
				background: #20252E;
				color: #FFFFFF;
			}
		}

		.head_center {
			color: #ffffff;
		}

		.head_right {
			display: flex;
			align-items: center;
			font-size: 28rpx;
			font-weight: 500;
			color: #ffffff;
			position: absolute;
			right: 24rpx;

			image {
				width: 30rpx;
				height: 30rpx;
			}
		}
	}

	.go_login {
		height: 50rpx;
		width: 204rpx;
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #3c8eff;
		background-color: #fff;
		border-radius: 30rpx;
		line-height: 50rpx;
		text-align: center;
	}

	.userName {
		display: flex;
		align-items: center;
		margin-bottom: 16rpx;
		font-size: 36rpx;
		font-weight: 500;
		color: #ffffff;
		line-height: 50rpx;
	}

	.userName view {
		// width: 108rpx;
		height: 50rpx;
		font-size: 36rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		line-height: 50rpx;
		// display: block;
	}

	.userName image {
		width: 48rpx;
		height: 48rpx;
	}

	.nurse {
		height: 44rpx;
		font-size: 32rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #ffffff;
		line-height: 44rpx;
	}

	.header .nurse image {
		width: 120rpx;
		height: 38rpx;
	}

	.list-card {
		padding-top: 24rpx;
		border-radius: 20rpx;
		background-color: #ffffff;
		margin: 0 auto 32rpx;
		width: 698rpx;

		.card-title {
			margin-left: 24rpx;
			opacity: 1;
			font-size: 36rpx;
		}
	}

	.list_box {
		display: flex;
		flex-wrap: wrap;
		border-radius: 20rpx;
		background-color: #ffffff;
		margin: 0 auto 32rpx;
		width: 698rpx;

		&.list_header {
			justify-content: space-around;
		}
	}

	.list {
		height: 140rpx;
		background: rgba(0, 0, 0, 0);
		margin: 10rpx 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		position: relative;
	}

	.left {
		width: 170rpx;
		height: 40rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		// justify-content: space-between;
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #000000;
		line-height: 40rpx;
		box-sizing: border-box;
		font-size: 28rpx;
		font-weight: 400;
		color: #333333;

		.iconfont {
			position: relative;

			.news::after {
				content: '';
				width: 8px;
				height: 8px;
				background: #FF4F4F;
				border-radius: 50%;
				position: absolute;
				right: 0px;
				top: 0px;
			}
		}
	}

	.left_header {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-around;

		&.first::after {
			content: '';
			position: absolute;
			right: -90rpx;
			display: inline-block;
			width: 2rpx;
			height: 100rpx;
			background: #eee;
		}

		.img {
			margin-right: 16rpx;
		}

		.actImg {
			top: -16rpx;
			right: -65rpx;
			position: absolute;
		}

		.gray {
			color: #999;
		}
	}

	.iconfont {
		font-size: 48rpx;
		// background:#3C8EFF;
		color: rgba(51, 51, 51, 1);
		margin-bottom: 16rpx;
	}

	.icon {
		width: 48rpx;
		height: 48rpx;
	}

	.icon image {
		width: 48rpx;
		height: 48rpx;
	}

	.moble {
		position: absolute;
		right: 80rpx;
		top: 50rpx;
		height: 40rpx;
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #d3d3d3;
		line-height: 40rpx;
	}

	.box {
		width: 698rpx;
		height: 200rpx;
		background: #ffffff;
		border-radius: 25rpx;
		margin: 0 auto;
		box-sizing: border-box;
		overflow: hidden;
	}

	.phone_title {
		width: 698rpx;
		height: 96rpx;
		line-height: 96rpx;
		text-align: center;
		font-family: SFProText-Semibold, SFProText;
		font-weight: 600;
		color: #8f8f8f;
		border-bottom: 1rpx rgba(0, 0, 0, 0.1) solid;
		box-sizing: border-box;
	}

	.phone {
		width: 698rpx;
		height: 98rpx;
		font-size: 36rpx;
		line-height: 98rpx;
		text-align: center;
		color: #007aff;
	}

	.del {
		width: 698rpx;
		height: 100rpx;
		background: #ffffff;
		border-radius: 25rpx;
		margin: 0 auto;
		color: #007aff;
		margin-bottom: 20rpx;
		margin-top: 40rpx;
	}

	.uni-popup {
		z-index: 999;
	}

	.marks {
		position: relative;
		padding: 60rpx 0rpx 30rpx;
		width: 100%;
		background-color: #fff;
		border-radius: 32rpx 32rpx 0 0;
		box-sizing: border-box;
		z-index: 999;

		.cancel {
			font-size: 46rpx;
			position: absolute;
			top: 20rpx;
			right: 40rpx;
		}

		.font_num {
			position: absolute;
			bottom: 230rpx;
			right: 60rpx;
		}

		.title {
			position: relative;
			top: -14rpx;
			font-size: 32rpx;
		}

		.cont {
			color: #3c8eff;
			margin: 28rpx 10rpx;
		}

		textarea {
			width: 670rpx !important;
			padding: 24rpx 34rpx;
			font-size: 28rpx;
			color: rgba(51, 51, 51, 1);
			background-color: rgba(246, 246, 246, 1);
			box-sizing: border-box;
			border-radius: 16rpx;
		}

		button {
			width: 90%;
			height: 90rpx;
			margin-top: 60rpx;
			// margin-bottom: 0rpx;
			// background-color: #3c8eff;
		}
	}

	.column {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
</style>